<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="description" content="core.CSS 的目的是，在一致化浏览器排版效果的同时，构建最适合中文阅读的网页排版。"/>
	<link rel="stylesheet" href="./css/core.css" />
	<title>core.CSS - 中文网页重设与排版</title>
	<style>
	   body{margin:0 20px;}
	  
    </style>
    <!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
<body>

                <h1>分页</h1>
                
<p><a href="http://www.digg.com">digg</a> style </p>
<div class="digg">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://www.yahoo.com">yahoo</a> style </p>
<div class="yahoo">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://www.yahoo.com">new yahoo!</a> style </p>
<div class="yahoo2">
	<span class="disabled">&lt; prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">next 
	&gt;</a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://www.meneame.net">meneame</a> style </p>
<div class="meneame">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://www.flickr.com">flickr</a> style </p>
<div class="flickr">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://sabros.us">sabros.us</a> style </p>
<div class="sabrosus">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>green style </p>
<div class="scott">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>gray style </p>
<div class="quotes">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>black style </p>
<div class="black">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://www.mis-algoritmos.com">mis algoritmos</a> style </p>
<div class="black2">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>black-red style </p>
<div style="padding-top:10px;padding-bottom:10px;background-color:#313131;">
	<div class="black-red">
		<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
		&gt; </a></div>
</div>
<p></p>
<br />
<br />
<br />
<p>gray style 2 </p>
<div class="grayr">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>yellow style </p>
<div class="yellow">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://jogger.pl/">jogger</a> style </p>
<div class="jogger">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://eu.starcraft2.com/screenshots.xml">starcraft 2</a> style </p>
<div class="starcraft2">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>tres style </p>
<div class="tres">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://www.512megas.com">512megas</a> style </p>
<div class="megas512">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://www.technorati.com/">technorati</a> style </p>
<div class="technorati">
	<span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://www.youtube.com/">youtube</a> style </p>
<div class="youtube">
	<span class="disabled">prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">next</a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://search.msdn.microsoft.com/">msdn search</a> style </p>
<div class="msdn">
	<span class="disabled">&lt; prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">next 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href="http://badoo.com/">badoo</a> </p>
<div class="badoo">
	<span class="disabled">&lt; prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">next 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>blue style </p>
<div class="manu">
	<span class="disabled">&lt; prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">next 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>green-black style </p>
<div class="green-black">
	<span class="disabled">&lt; prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">next 
	&gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>viciao style </p>
<div class="viciao">
	<span class="disabled">&lt; prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">next 
	&gt; </a></div>

</body>
</html>
